<html>
<head>
<link rel="stylesheet" href="css/ratingPlugin/jquery.rating.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<style>
label {width:90px; display:inline-block;}
body>div {padding:10px; margin:10px 0; border-bottom:1px dashed #ddd}
#options label{display:inline; margin: 0 20px;}
.num{width:50px;}
#advanced_options
{
  background: none repeat scroll 0 0 #EEEEEE;
    margin-bottom: -10px;
    overflow: auto;
    position: relative;
    text-align: right;
    z-index: 3;
}
#options
{
background: none repeat scroll 0 0 #FEFEFE;
    border-bottom: 0 none;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 5px #555555;
    float: right;
    padding: 10px;
    display:none;
}
.clear{clear:both}
.left{float:left}
.right{float:right}
.fix{    margin-right: 14px;
    margin-top: 14px;}
body>div:hover{background:#fff;}
</style>
<script src="js/mylibs/jquery.min.js"></script>
<script src="js/mylibs/jquery-ui-1.8.16.custom.min.js"></script>
<script src="js/ratingPlugin/jquery.rating.js" type="text/javascript" language="javascript" charset="utf-8" />
<script>
$(function(){
        $('#advanced_options a').click(function(){
                $('#options').slideToggle(400);
        });
        
        $('input[type=submit]').click(function(){
                window.location = "results.html"
        });
})
</script>
</head>
<body>
<h2>Search Results</h2>
<div onclick="window.location='routeDetails.html'">
        <div class="left">
                <b>From</b> Giza<br/>
                <b>To</b> Masr El Gedida
        </div>
        <div class="right">
                <img src="img/bus.png"/>
        </div>
        <div class="right fix">
		<input align="right" name="star" type="radio" class="star" disabled="disabled"/>
		<input align="right" name="star" type="radio" class="star" disabled="disabled"/>
		<input align="right" name="star" type="radio" class="star" disabled="disabled"/>
		<input align="right" name="star" type="radio" class="star" disabled="disabled" checked="checked"/>
		<input align="right" name="star" type="radio" class="star" disabled="disabled"/>
        </div>
       
        <br class="clear"/>
</div>

<div onclick="window.location='routeDetails.html'">
        <div class="left">
                <b>From</b> Giza<br/>
                <b>To</b> Abbasia
        </div>
        <div class="right">
                <img src="img/bus.png"/>
        </div>
        <div class="right fix">
		<input align="right" name="star1" type="radio" class="star" disabled="disabled"/>
		<input align="right" name="star1" type="radio" class="star" disabled="disabled" checked="checked"/>
		<input align="right" name="star1" type="radio" class="star" disabled="disabled"/>
		<input align="right" name="star1" type="radio" class="star" disabled="disabled"/>
		<input align="right" name="star1" type="radio" class="star" disabled="disabled"/>
        </div>
       
        <br class="clear"/>
</div>

</body>
</html>
